.visitor-carousel-container{
	position: relative;

	.carousel-indicators li{
		margin: 5px;

		&:active{
			margin: 6px;
		}
	}

	.carousel-pic{
		> div {
			height: $carouselHeight;

			div{
				height: $carouselHeight;
				background-position: 50% 50% !important;
				background-repeat: no-repeat !important;
				background-size: cover !important;
			}
		}
	}

	.carousel-content{
		position: absolute;
		top: 0;
		width: 100%;

		.wrapper {
			max-width: 1200px;
			margin: 0 auto;

			.carousel-filter{
				width: $carouselFilterWidth01;
				background-color: rgba(255,255,255,0.8);
				padding: 30px 50px;
				height: $carouselHeight;
				position: absolute;

				div {
					margin: 10px 0 0;

					p > a{
						color: $metaBlue01;
						font-size: $fontSizeM;
						line-height: 20px;
					}

					ul{
						padding: 10px 0;
						list-style: none;

						li{
							float: left;
							width: 84px;
							border-left: 1px solid $metaGray02;
							text-align: center;

							a{
								color: $metaGray02;
								font-size: $fontSizeXS;
								line-height: $fontSizeXS;
								float: left;
								width: 82px;
								text-align: center;
							}

							&:first-child{
								width: 78px;
								border:none;

								a{
									text-align: left;
								}
							}
						}
					}
				}

				> a{
					font-size: $fontSizeM;
					line-height: $fontSizeM;
					color: $metaGray02;
					margin-top: 20px;
					display: inline-block;
				}
			}

			.carousel-btn{
				width: 355px;
				margin: 0 auto;
				height: 130px;
				padding-top: 180px;

				h2{
					color: white;
					text-align: center;
					margin-bottom: 20px;
				}

				div>button{
					&:first-child{
						margin-left: 3px;
						margin-right: 8px;
					}
					&:last-child{
						margin-left: 8px;
						margin-right: 3px;
					}
				}
			}
		}
	}
}

@media screen and (max-width: $metaResponsiveLine01) {
	.vistor-carousel-container{
		.carousel-filter{
			width: $carouselFilterWidth02 !important;
			padding: 0px 48px !important;

			div{
				margin: 40px 0 !important;

				ul{
					height: 0px !important;
					padding: 0px !important;

					li{
						display: none;
					}
				}
			}

			>a >span{
				display: none;
			}
		}

		.carousel-btn{
			position: relative;
			left: $carouselFilterWidth02/2;
		}
	}
}

@media screen and (max-width: $metaResponsiveLine02) {
	.vistor-carousel-container{
		.carousel-filter{
			display: none;
		}
		.carousel-btn{
			position: relative;
			left: 0;
		}
	}
}

.hotContents{
	h1{
		text-align: center;
		color: $metaGray01;
	}

	h3{
		text-align: center;
		color: $metaGray01;
	}

	.hotContent{
		h4{
			color: $metaGray02;
		}

		ul{
			list-style: none;
			margin-top: 20px;
			padding-left:0px;

			li{
				margin: 8px 0px;

				a{
					.first_span{
						font-size: $fontSizeXS;
						line-height: $fontSizeXS;
						width: 80px;
						padding-right: 15px;
						display: inline-block;
					    white-space: nowrap;
    					text-overflow: ellipsis;
    					overflow: hidden;
						color: $metaGray02;
						border-right: 1px solid $metaGray02;
					}

					.last_span{
						padding-left: 15px;
						color: $metaGray02;
						line-height: $fontSizeXS;
						font-size: $fontSizeXS;
					}
				}
			}
		}
	}
}

.successContents{
	margin-top: 90px;
	margin-bottom: 80px;

	h1{
		margin: 45px auto;
		text-align: center;
		color: $metaGray01;
	}

	.successContent{
		height: 300px;
		margin-bottom: 40px;

		div{
			width: 100%;
			height: 300px;
			background-repeat: no-repeat !important;
			background-position: 50% 50% !important;
		}

		h4{
			position: relative;
			top: -30px;
			background-color: rgba(0,0,0,0.8);
			padding: 8px 12px;
			color: white;
			margin: 0;
			font-size: $fontSizeXS;
		}
	}
}

.checkContents{
	height: 380px;
	background-image: url('/images/common/temp-bg2.png');
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 55px;

	h1{
		text-align: center;
		color: white;
		margin: 45px auto;
	}

	div{
		width: 355px;
		margin: 0 auto;

		button:first-child{
			margin-left: 3px;
			margin-right: 8px;
		}

		button:last-child{
			margin-left: 8px;
			margin-right: 3px;
		}
	}
}

